<template>
  <div>
    <div>
      <CloudRadioGroup default-value="a" button-style="solid">
        <CloudRadioButton value="a"> Hangzhou </CloudRadioButton>
        <CloudRadioButton value="b"> Shanghai </CloudRadioButton>
        <CloudRadioButton value="c"> Beijing </CloudRadioButton>
        <CloudRadioButton value="d"> Chengdu </CloudRadioButton>
      </CloudRadioGroup>
    </div>
    <div :style="{ marginTop: '16px' }">
      <CloudRadioGroup default-value="c" button-style="solid">
        <CloudRadioButton value="a"> Hangzhou </CloudRadioButton>
        <CloudRadioButton value="b" disabled> Shanghai </CloudRadioButton>
        <CloudRadioButton value="c"> Beijing </CloudRadioButton>
        <CloudRadioButton value="d"> Chengdu </CloudRadioButton>
      </CloudRadioGroup>
    </div>
  </div>
</template>

<script>
  export default {
    title: '7.填底的按钮样式',
    subTitle: '实色填底的单选按钮样式。',
    data () {
      return {
      }
    },
    methods: {
    }
  }
</script>

<style lang="scss">
</style>